@import "color";
@import "basic";
@import "cursor";
@import "transformPanel";
@import "adjustPanel";
@import "font";

html {
  background: @color-grey95;
  .font .SansCN;
}

input, textarea {
  .font .SansCN;
}

div {
  //user-select: none;
}

.animation {
  .animation();
}

body {
  background-color: @color-black;
}

a {
  color: @color-green;
  &:hover,
  &:focus {
    color: @color-green2;
  }
}

html, body, .uMapApp_earthContainer, .uMapApp {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.uMapApp_earthContainer {
  .cursor(default)
}

.uMapApp {
  .abs;
  left: 0;
  top: 0;
  transform-origin: left top;
  .uMapApp_left, .uMapApp_right, .uMapApp_top, .uMapApp_bottom {
    .abs;
  }
  .uMapApp_left, .uMapApp_right {
    top: 0;
    width: 0;
    height: 100%;
  }
  .uMapApp_top, .uMapApp_bottom {
    left: 0;
    width: 100%;
    height: 0;
  }
  .uMapApp_left {
    left: 0;
    transform-origin: left top;
  }
  .uMapApp_right {
    right: 0;
    transform-origin: top right;
  }
  .uMapApp_top {
    top: 0;
    transform-origin: left top;
  }
  .uMapApp_bottom {
    bottom: 0;
    transform-origin: left bottom;
  }
  .uMapApp_earthOverlay {
    .abs;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    transform-origin: left top;
    .nosel;
    > div {
      .cansel;
    }
  }
  .uMapApp_appOverlay {
    .abs;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    transform-origin: left top;
    .nosel;
    > div {
      .cansel;
    }
  }
}